<template>
    <div>
<!--        <myHeaderIndex></myHeaderIndex>-->
        <Swiper></Swiper>
        <Live></Live>
        <section id='courseList'>
            <Course pagesize=10>
                <section class="freeClass">
                    <section class="freeTitle">
                        <span>免费课程</span>
                        <span class="moreCourse">更多
                                <div>
                                    <img src="../images/右箭头.png" alt="" class="toright">
                                </div>
                            </span>
                    </section>
                </section>
            </Course>
            <!-- 精品课程 -->
            <Course coursetype='boutique' pagesize=10>
                <section class="freeClass">
                    <section class="freeTitle">
                        <span>精品课程</span>
                        <span class="moreCourse">更多
                                <div>
                                    <img src="../images/右箭头.png" alt="" class="toright">
                                </div>
                            </span>
                    </section>
                </section>
            </Course>
            <!-- 限时折扣 -->
            <Course coursetype='discount'>
                <section class="freeClass">
                    <section class="freeTitle">
                        <span>限时折扣</span>
                        <span class="moreCourse">更多
                                <div>
                                    <img src="../images/右箭头.png" alt="" class="toright">
                                </div>
                            </span>
                    </section>
                </section>
            </Course>

        </section>
    </div>
</template>

<script>
    // import myHeaderIndex from '../components/MyHeaderIndex'
    import Swiper from "../components/Swiper";
    import Course from "../components/Course";
    import Live from '../components/Live'
    export default {
        name: "Index",
        // eslint-disable-next-line vue/no-unused-components
        // components: {Course,Swiper,Live,myHeaderIndex},
        components: {Course,Swiper,Live}
    }

</script>

<style scoped>
    /*freeTitle>div:nth-child(3){*/
    /*    text-align: 17px;*/
    /*    line-height: 17px;*/
    /*}*/
    .toright{
        margin-bottom: 4px;
        margin-left: 1px;
    }

    /* logo */
    /*/deep/.headerTop>section>.img{*/
    /*    width: 100%;*/
    /*}*/
    /*/deep/.headerTop>section>.courseNav{*/
    /*    width: 100%;*/
    /*}*/
</style>